<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8" isELIgnored="false"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Merchant List</title>
    <!-- Custom styles for this template -->
    <link href="../resource/css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="../resource/css/dashboard.css" rel="stylesheet">
	<!-- Bootstrap core JavaScript
	================================================== -->
	 <!-- Placed at the end of the document so the pages load faster -->
	<script src="../resource/js/jquery-3.2.1.min.js"></script>
	<script src="../resource/js/bootstrap/bootstrap.min.js"></script>
	<!-- My js -->
	<script src="../resource/js/common/render.js"></script>
	<script src="../resource/js/common/init.js"></script>
	<script src="../resource/js/admin-merchant.js"></script>
  </head>

  <body>
    <jsp:include page="common/bar.jsp"></jsp:include>
    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-2 col-md-1 sidebar">
          <ul class="nav nav-sidebar">
            <li class="active"><a href="#">Merchant State<span class="sr-only">(current)</span></a></li>
            <li><a href="#">Merchant Analysis</a></li>
          </ul>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-11 col-md-offset-1 main">
       
          <h2 class="sub-header">Merchant State</h2>
          <ul class="nav nav-tabs" role="tablist">
		    <li role="presentation" class="active"><a href="#untreated" aria-controls="untreated" role="tab" data-toggle="tab">Untreated</a></li>
		    <li role="presentation"><a href="#pass" aria-controls="pass" role="tab" data-toggle="tab">Pass</a></li>
		    <li role="presentation"><a href="#refuse" aria-controls="refuse" role="tab" data-toggle="tab">Refuse</a></li>
		  </ul>
          
          <!-- Tab panes -->
		  <div class="tab-content">
		  	<!-- 未处理审核 -->
		    <div role="tabpanel" class="tab-pane active" id="untreated">
				<div id="untreated-area" class="table-responsive">
		            <table class="table table-striped">
		              <thead>
		                <tr>
		                  <th>#</th>
		                  <th>Name</th>
		                  <th>StoreName</th>
		                  <th>Idcard</th>
		                  <th>Img</th>
		                  <th>Address</th>
		                  <th>State</th>
		                  <th>SubmitTime</th>
		                </tr>
		              </thead>
		              <tbody id="untreated-table">
		                
		              </tbody>

		            </table>
		          </div>
			</div>
			<!-- 已处理 -->
		    <div role="tabpanel" class="tab-pane" id="pass">
		    	<div id="pass-area" class="table-responsive">
		            <table class="table table-striped">
		              <thead>
		                <tr>
		                  <th>#</th>
		                  <th>Name</th>
		                  <th>StoreName</th>
		                  <th>Idcard</th>
		                  <th>Img</th>
		                  <th>Address</th>
		                  <th>State</th>
		                  <th>SubmitTime</th>
		                  <th>Block</th>
		                </tr>
		              </thead>
		              <tbody id="pass-table">
		                
		              </tbody>
		            </table>
		          </div>
		    </div>
		    <!-- 驳回 -->
		    <div role="tabpanel" class="tab-pane" id="refuse">
		    	<div id="refuse-area" class="table-responsive">
		            <table class="table table-striped">
		              <thead>
		                <tr>
		                  <th>#</th>
		                  <th>Name</th>
		                  <th>StoreName</th>
		                  <th>Idcard</th>
		                  <th>Img</th>
		                  <th>Address</th>
		                  <th>State</th>
		                  <th>SubmitTime</th>
		                  <th>VerifyTime</th>
		                  <th>Reason</th>
		                </tr>
		              </thead>
		              <tbody id="refuse-table">
		               
		              </tbody>
		            </table>
		          </div>
		    </div>
		  </div>
        </div>
      </div>
    </div>
    <jsp:include page="common/img.jsp"></jsp:include>
  </body>
</html>
